
@if(isset($photography)&&count($photography)>0)
    @foreach($photography as $v)
<li>
    <div class="timeline-hero">
        <div class="timeline-hero__details span5 span14-tablet span14-mobile">
            <div class="timeline-hero__details-top">
                <div class="timeline-hero__details-award span2 span4-tablet span14-mobile pixel-pattern">


                    <div class="pixel-text timeline-hero__details-award--day"><span class="pixel-text__text">{{\Illuminate\Support\Carbon::parse($v->created_at)->day}}</span></div><span class="timeline-hero__details-award--month">{{trans('datetime.'.\Illuminate\Support\Carbon::parse($v->created_at)->month)}}</span></div>
                <div class="timeline-hero__details-share hide-mobile">

                </div>
            </div>


            <div class="timeline-hero__details-description">
                <section class="timeline-hero__details-description__content span5">
                    <a href="/cases/protanopia">
                        <h3 class="timeline-hero__details__category">@lang('web.writing'.$v->category_id)</h3>
                        <h2 class="timeline-hero__details__title span4"><div>{{$v->name or ''}}</div></h2>
                        <div class="timeline-hero__details__excerpt span4">
                            <div>{{$v->user->name or ''}}</div>
                        </div>
                    </a>
                </section>
            </div>
        </div>
        <div class="span14-tablet span12-mobile span9 timeline-hero__slider-holder">
            <div class="slider" data-slide="2">
                <div class="slider">
                    <ul class="slider-list">
                        <li class="slider-slide">
                            <a href="{{route('writing_detail',['id'=>$v->id])}}">
                                <img src="{{imagecache('imagecache',['template'=>'large','filename'=>$v->thumb_img])}}" alt="" class=""></a>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="">
                <div class="youtube-overlay"></div>
            </div>
        </div>
        <div class="span2 hide-desktop hide-tablet timeline-hero__slider-buttons timeline-hero__slider-buttons--wpoints"></div>
        <div class="timeline-hero__meta-scorecard span4 span8-tablet span12-mobile pixel-pattern hide-tablet hide-desktop">
            <div class="timeline-hero__meta-scorecard__stats hide-mobile">
     </div>
            <div class="timeline-hero__meta-scorecard__points span2 span4-tablet span6-mobile">
                <h3 class="timeline-hero__meta-scorecard__title">@lang('web.hits'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->hits}}</span></div>
            <div class="timeline-hero__meta-scorecard__days span2 span4-tablet span6-mobile">
                <h3 class="timeline-hero__meta-scorecard__title">@lang('web.likes'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->likes}}</span></div>
        </div>
        <div class="timeline-hero__details-description--tablet span10 span14-mobile">
            <section class="timeline-hero__details-description__content span8 span12-mobile">
                <a href="{{route('writing_detail',['id'=>$v->id])}}">
                    <h3 class="timeline-hero__details__category">@lang('web.writing'.$v->category_id)</h3>
                    <h2 class="timeline-hero__details__title span6-tablet">{{$v->name or ''}}</h2>
                    <p class="timeline-hero__details__excerpt span8-tablet span8-mobile"> {{$v->user->name or ''}}</p>
                </a>
            </section>
        </div>
        <section class="timeline-hero__meta-credit span5 span4-tablet hide-mobile">
            <h3 class="timeline-hero__meta-credit__title">@lang('web.new_comments'):</h3><span class="timeline-hero__meta-credit__name"><span class="case-credit"><span class="case-credit__name case-credit__name--nolink"><!-- react-text: 781 -->{{$v->comment->content or ''}}<!-- /react-text --><span class="case-credit__count"><!-- react-text: 783 --> <!-- /react-text --><!-- react-text: 784 --><!-- /react-text --></span></span>
											</span>
											</span>
        </section>
        <div class="timeline-hero__meta-scorecard span4 span8-tablet span12-mobile pixel-pattern hide-mobile">
            <div style="height: 100%;position: relative;">
                <div class="timeline-hero__meta-scorecard__stats hide-mobile">
                   </div>
                <div class="timeline-hero__meta-scorecard__points span2 span4-tablet span6-mobile">
                    <h3 class="timeline-hero__meta-scorecard__title">@lang('web.hits'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->hits}}</span>
                </div>
                <div class="timeline-hero__meta-scorecard__days span2 span4-tablet span6-mobile">
                    <h3 class="timeline-hero__meta-scorecard__title">@lang('web.likes'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->likes}}</span></div>
            </div>
        </div>
        <div class="timeline-hero__meta-more span5 span6-tablet span14-mobile">
            <a class="timeline-hero__meta-more__button button--credit button hide-tablet hide-desktop">@lang('web.new_comments'):</a>
            
            <a class="timeline-hero__meta-more__button button" href="{{route('writing_detail',['id'=>$v->id])}}">@lang('web.writing_detail')</a>
        </div>
        <div class="timeline-hero__down span8 span10-mobile">
            <div class="timeline-hero__down__left span6"></div>
            <a href="#" class="timeline-hero__down__right span2"><span class="timeline-hero__down__arrow"></span></a>
        </div>
        <section class="timeline-hero__meta-credit span14 hide-tablet hide-desktop timeline-hero__meta-credit--hide">
            <h3 class="timeline-hero__meta-credit__title">@lang('web.new_comments'):</h3><span class="timeline-hero__meta-credit__name"><span class="case-credit"><span class="case-credit__name case-credit__name--nolink"><!-- react-text: 812 -->{{$v->comment->content or ''}}<!-- /react-text --><span class="case-credit__count"><!-- react-text: 814 --> <!-- /react-text --><!-- react-text: 815 -->(1 FWA)<!-- /react-text --></span></span>
											</span>
											</span>
        </section>
    </div>
</li>
        @endforeach
    @endif

@if(isset($painting)&&count($painting)>0)
    @foreach($painting as $v)
        <li>
            <div class="timeline-hero">
                <div class="timeline-hero__details span5 span14-tablet span14-mobile">
                    <div class="timeline-hero__details-top">
                        <div class="timeline-hero__details-award span2 span4-tablet span14-mobile pixel-pattern">
                            <div class="pixel-text timeline-hero__details-award--day"><span class="pixel-text__text">{{\Illuminate\Support\Carbon::parse($v->created_at)->day}}</span></div><span class="timeline-hero__details-award--month">{{trans('datetime.'.\Illuminate\Support\Carbon::parse($v->created_at)->month)}}</span></div>
                        <div class="timeline-hero__details-share hide-mobile">

                        </div>
                    </div>
                    <div class="timeline-hero__details-description">
                        <section class="timeline-hero__details-description__content span5">
                            <a href="/cases/protanopia">
                                <h3 class="timeline-hero__details__category">@lang('web.writing'.$v->category_id)</h3>
                                <h2 class="timeline-hero__details__title span4"><div>{{$v->name or ''}}</div></h2>
                                <div class="timeline-hero__details__excerpt span4">
                                    <div>{{$v->user->name or ''}}</div>
                                </div>
                            </a>
                        </section>
                    </div>
                </div>
                <div class="span14-tablet span12-mobile span9 timeline-hero__slider-holder">
                    <div class="slider" data-slide="2">
                        <div class="slider">
                            <ul class="slider-list">
                                <li class="slider-slide">
                                    <a href="{{route('writing_detail',['id'=>$v->id])}}">

                                        <img src="{{imagecache('imagecache',['template'=>'large','filename'=>$v->thumb_img])}}" alt="" class=""></a>
                                </li>
                            </ul>
                        </div>

                    </div>
                   
                    <div class="">
                        <div class="youtube-overlay"></div>
                    </div>
                </div>
                <div class="span2 hide-desktop hide-tablet timeline-hero__slider-buttons timeline-hero__slider-buttons--wpoints"></div>
                <div class="timeline-hero__meta-scorecard span4 span8-tablet span12-mobile pixel-pattern hide-tablet hide-desktop">
                    <div class="timeline-hero__meta-scorecard__stats hide-mobile">
                    </div>
                    <div class="timeline-hero__meta-scorecard__points span2 span4-tablet span6-mobile">
                        <h3 class="timeline-hero__meta-scorecard__title">@lang('web.hits'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->hits}}</span></div>
                    
                    <div class="timeline-hero__meta-scorecard__days span2 span4-tablet span6-mobile">
                        <h3 class="timeline-hero__meta-scorecard__title">@lang('web.likes'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->likes}}</span></div>
                </div>
                <div class="timeline-hero__details-description--tablet span10 span14-mobile">
                    <section class="timeline-hero__details-description__content span8 span12-mobile">
                        <a href="{{route('writing_detail',['id'=>$v->id])}}">
                            <h3 class="timeline-hero__details__category">@lang('web.writing'.$v->category_id)</h3>
                            <h2 class="timeline-hero__details__title span6-tablet">{{$v->name or ''}}</h2>
                            <p class="timeline-hero__details__excerpt span8-tablet span8-mobile"> {{$v->user->name or ''}}</p>
                        </a>
                    </section>
                </div>
                <section class="timeline-hero__meta-credit span5 span4-tablet hide-mobile">
                    <h3 class="timeline-hero__meta-credit__title">@lang('web.new_comments'):</h3><span class="timeline-hero__meta-credit__name"><span class="case-credit"><span class="case-credit__name case-credit__name--nolink"><!-- react-text: 781 -->{{$v->comment->content or ''}}<!-- /react-text --><span class="case-credit__count"><!-- react-text: 783 --> <!-- /react-text --><!-- react-text: 784 --><!-- /react-text --></span></span>
											</span>
											</span>
                </section>
                <div class="timeline-hero__meta-scorecard span4 span8-tablet span12-mobile pixel-pattern hide-mobile">
                    <div style="height: 100%;position: relative;">
                        <div class="timeline-hero__meta-scorecard__stats hide-mobile">
                        </div>
                        <div class="timeline-hero__meta-scorecard__points span2 span4-tablet span6-mobile">
                            <h3 class="timeline-hero__meta-scorecard__title">@lang('web.hits'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->hits}}</span>
                        </div>
                       
                        <div class="timeline-hero__meta-scorecard__days span2 span4-tablet span6-mobile">
                            <h3 class="timeline-hero__meta-scorecard__title">@lang('web.likes'):</h3><span class="timeline-hero__meta-scorecard__number">{{$v->likes}}</span></div>
                    </div>
                </div>
                <div class="timeline-hero__meta-more span5 span6-tablet span14-mobile">
                    <a class="timeline-hero__meta-more__button button--credit button hide-tablet hide-desktop">@lang('web.new_comments'):</a>
                    
                    <a class="timeline-hero__meta-more__button button" href="{{route('writing_detail',['id'=>$v->id])}}">@lang('web.writing_detail')</a>
                </div>
                <div class="timeline-hero__down span8 span10-mobile">
                    <div class="timeline-hero__down__left span6"></div>
                    <a href="#" class="timeline-hero__down__right span2"><span class="timeline-hero__down__arrow"></span></a>
                </div>
                <section class="timeline-hero__meta-credit span14 hide-tablet hide-desktop timeline-hero__meta-credit--hide">
                    <h3 class="timeline-hero__meta-credit__title">@lang('web.new_comments'):</h3><span class="timeline-hero__meta-credit__name"><span class="case-credit"><span class="case-credit__name case-credit__name--nolink"><!-- react-text: 812 -->{{$v->comment->content or ''}}<!-- /react-text --><span class="case-credit__count"><!-- react-text: 814 --> <!-- /react-text --><!-- react-text: 815 -->(1 FWA)<!-- /react-text --></span></span>
											</span>
											</span>
                </section>
            </div>
        </li>
    @endforeach
@endif